<!DOCTYPE html>
<html>

<head lang="en">
      <!-- metatags -->
    <meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta content="webkit" name="renderer">
	<meta content="YES" name="apple-touch-fullscreen">
	<meta content="telephone=no" name="format-detection">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="-1" http-equiv="Expires">
	<meta content="no-cache" http-equiv="pragram">
	<meta name="screen-orientation" content="portrait">
	<meta name="x5-orientation" content="portrait">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

  <title>资料填写</title>
  <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
<link rel="stylesheet" href="css/LArea.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<!-- <link rel="icon" href="./images/logo_title.png" type="image/x-icon" /> -->
<!-- <link rel="shortcut icon" href="./images/logo_title.png" type="image/x-icon"/> -->
</head>

<body class="informationCompletion">
  <main class="informationCompletion_mian">
    <div class="information_top">
      <p class="p_1">您已选择<span class="name_1">“移动花卡”</span></p>
      <p class="p_2">--</p>
    </div>
    <ul class="real_info">
      <li>
        <span>姓名</span>
        <input class="username" type="text" placeholder="请输入身份证件姓名">
      </li>
      <li>
        <span>身份证</span>
        <input class="user_idnum" type="text" placeholder="请输入身份证号">
      </li>
      <li>
        <span>联系电话</span>
        <input class="phone_num" type="number" placeholder="请输入联系电话">
      </li>
    </ul>


    <div class="real_hui">请选择电话号码</div>
    <ul class="phone">
      <li class="phone_city">
        <span>号码归属</span>
        <input id="demo3" type="text" readonly="" placeholder="请输入号码归属地" />
        <span class="icon"></span>
      </li>
      <li class="phone_number">
        <span>选择号码</span>
        <input id="demo2" type="text" readonly="" placeholder="请选择号码" />
        <input type="hidden" id="demo2_id">
        <span class="icon"></span>
      </li>
    </ul>



    <div class="real_hui">请上传身份证照片</div>
    <!-- 上传1 -->
    <div class="id_card">
      <div>
        <img class="judge-or1" data-up="false" src="./images/id1.png" alt="">
        <div class="filePicker_1"></div>
      </div>
      <div>
        <img class="judge-or2" src="./images/id2.png" alt="">
        <div class="filePicker_2"></div>
      </div>

    </div>

    <div class="real_hui">请上传您的免冠照片</div>
    <!-- 上传2 -->
    <div class="Bareheaded">
      <div class="ba_left">
        <h6>注：</h6>
        <p>请上传您的一寸照片，照片最好是纯色背景。</p>
      </div>
      <img class="ren" src="./images/ren.png" alt="">
      <div class="upload filePicker_3">
        <img class="judge-or" src="./images/top_btn.png" alt="">
      </div>
    </div>



    <div class="real_hui">请填写配送地址</div>
    <ul class="address">
      <li>
        <span>所在区域</span>
        <input id="demo1" type="text" readonly="" placeholder="请选择区/县" />
        <input type="hidden" id="demo3_id">
        <span class="icon"></span>
      </li>
      <li>
        <span>详细地址</span>
        <input class="details_city" type="text" placeholder="街道/镇+村/小区/写字楼+门牌号">
      </li>
    </ul>



    <!-- 客户入网服务协议及业务协议 -->
    <div class="Agreement">
      <img src="./images/noselect.png" data-chec="false" alt="">
      <!-- <input type="checkbox"> -->
      <p>我已阅读并同意<span class="Agreement_btn">《客户入网服务协议及业务协议》</span></p>
    </div>
    <!-- 按钮 -->
    <div class="btn">
      <span>提交</span>
    </div>
    <div class="activity">
      <p>本活动为阶段性优惠活动，发布数量有限，请保持联系号码畅通，我们可能随时与您联系，联系电话无人接听或恶意下单情况，讲不予发货</p>
    </div>


    <!-- 弹窗 -->
    <div class="Popup_1">
      <div class="popup_cen_1">
        <ul class="cen_1">

        </ul>
        <script id="cen_1" type="text/template">
            {%for(var i = 0;i < data.length;i++){%}
              <li>{%=data[i].number%}</li>
            {%}%}
          </script>

        <div class="change_btn">
          <span>换一批</span>
        </div>
        <div class="close">
          <img src="./images/close.png" alt="">
        </div>
      </div>
    </div>

    <div class="Popup_2">
      <div class="popup_cen_2">

      </div>
      <div class="close_1">
        <img src="./images/close.png" alt="">
      </div>
    </div>



  </main>
</body>

</html>
<script type="text/javascript" src="./js/layer/mobile/layer.js"></script>
<script type="text/javascript" src="./js/LArea.js"></script>
<script type="text/javascript" src="./js/LAreaData1.js"></script>
<script type="text/javascript" src="./js/LAreaData2.js"></script>
<script type="text/javascript" src="./js/jq.js"></script>
<script type="text/javascript" src="./js/temp.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
<script type="text/javascript" src="./js/preloadjs-NEXT.min.js"></script>
<script type="text/javascript" src="./js/soundjs-next.min.js"></script>
<script type="text/javascript" src="./js/rem.js"></script>


<script>
  $(function () {
    var area1 = new LArea();
    area1.init({
      'trigger': '#demo1', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
      'valueTo': '#value1', //选择完毕后id属性输出到该位置
      'keys': {
        id: 'id',
        name: 'name'
      }, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
      'type': 1, //数据源类型
      'data': LAreaData //数据源
    });
    area1.value = [1, 13, 3];//控制初始位置，注意：该方法并不会影响到input的value

    clw.hk_informationCompletion();
  })
</script>
<script type="text/javascript" src="js/webuploader.min.js"></script>